<nav class="navbar navbar-default" style="min-width: 1250px">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div ng-style="titles" class="nav-header">
            <div class="navbar-header" style="width: 300px;float: left;margin-left: 15px;cursor: pointer;position: absolute" ng-click="backHome()">
                <a   class="navbar-brand">
                    <img src="image/logo.png" alt="logo" class="pull-left" ui-sref="main.home">
                </a>
                <span class="app-title">媒体资源管理系统MAM</span>


            </div>
            <span class="class-title" ng-class="{'title-select':menu.title==menuSelect.title}"
                  ng-repeat="menu in meunItems" ng-click="menuClick(menu)" ng-if="menu.title">{{menu.title}}</span>
        </div>




        <div class="btn-group pull-right" uib-dropdown is-open="status.isopen" style="margin-right: 5px">
            <button id="single-button" type="button" class="btn btn-primary user-info-drown" style="background-color: #e63d3d!important" uib-dropdown-toggle>
               <i class="iconfont icon-CP"></i> <span style="position: relative;bottom: -3px" class="user-name">{{userInfo.userName}}</span><span style="position: relative;bottom: 2px"  class="caret"></span>
            </button>
            <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">
                <li role="menuitem" style="text-align: center">
                    <i class="iconfont icon-yunyingzhanghao"></i><a ui-sref="main.modifyPassword" style="display: inline-block;width: 100%"><span>修改密码</span></a>
                </li>
                <li role="menuitem" ng-click="signOut()" style="text-align: center">
                    <i class="iconfont icon-daohang_tuichuzhanghao" ></i><a  style="display: inline-block;width: 100%"><span>退出账号</span></a>
                </li>

            </ul>
        </div>


    </div>
</nav>

<div class="app-aside" ng-class="{'app-aside-hide':side.close}" ng-show="menuSelect.items.length">

    <div ng-repeat="item in menuSelect.items" class="menu-group" style="padding-bottom: 10px">
        <div ng-repeat="listItem in item.items" class="menu-item" ui-sref="{{listItem.sref}}({pageSize:$state.params.pageSize})"
             ui-sref-opts="{inherit:false}">
            <label ng-class="{'active':$state.includes(listItem.sref)}">
                <i title="{{listItem.title}}" class="{{listItem.icon}}" aria-hidden="true" style="padding-right: 10px"></i>
                <span class="list-title">{{listItem.title}}</span>
            </label>
        </div>
    </div>
    <div ng-click="side.close=!side.close" class="close-div">
       <span style="position: relative;bottom: 10px;">
           <span ng-show="side.close"><i class="iconfont icon-caidan mui-z" aria-hidden="true"></i></span>
           <span ng-show="!side.close"><i class="iconfont icon-zhediecaidan mui-z" aria-hidden="true"></i>折叠</span>
       </span>
    </div>

</div>

<div class="app-content" ng-class="{'app-content-all-screen':side.close||!menuSelect.items.length}">
    <div ui-view="container"></div>
</div>

